var React = require('react');
var AppView = require('../../common/component/view/app-view.node');

module.exports = <>
  <AppView viewTitle="${t('ui.example.example1.title.example1')}">

    <form>
      <div className="form-group">
        <label htmlFor="id">{"${t('ui.example.example1.inputField.id')}"}</label>
        <input type="text" className="form-control" id="id" name="id"
          data-x-name="id" defaultValue="100001" />
      </div>
      <div className="form-group">
        <label htmlFor="exampleName">{"${t('ui.example.example1.inputField.exampleName')}"}</label>
        <input type="text" className="form-control" id="exampleName" name="exampleName"
          data-x-name="exampleName" defaultValue="N100001" />
      </div>
      <button data-x-ui="checkBtn" type="button" className="btn btn-primary">{"${t('ui.example.example1.btn.checkData')}"}</button>
    </form>
  </AppView>
  <script src="${appJs('app/example/example1/example1.js')}" type="text/javascript"></script>
</>
